*{
    margin: 0;
    padding: 0;
}
fieldset{
    border: none;
}
.Nav_ul{
    list-style: none;
    display: flex;
    justify-content: space-around;
    padding: 0px;
    height: 70px;
}
.Nav_li{
    margin-top: 20px;
}
.recommend_ul,.playlist_ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
    padding: 0px;
}

  .icon-meirituijian{
      margin-left:15px;
  }
  .icon-paihangbang{
      margin-left: 5px;
  }
  .pic{
    width: 200px;
    height: 200px;
    margin: 8px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 5%;
    
}
.pic_p{
    width: 200px;
    margin: 8px;
    margin: 8px;
    display: flex;
    flex-wrap: wrap;
}
  .playlist_pic{
    width: 200px;
    height: 200px;
    margin: 8px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 5px;
    
}
.playlist_pic1{
    width: 200px; 
    margin: 12px;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
}
  .recommend_ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .playlist_ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 680px;
    margin-left: 10px;
  }
  .recommend_box hr{
      margin-top: 17px;
  }
 .playlist,.RankList{
    display: flex;
    justify-content: space-between;
 }
 .ListDetails{
    display: flex;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    /* background-color:white; */
    margin-top: -6px;
    margin-left:-9px;
    padding: 0;
    
 }
 .playlist_icon{
     padding-top: 5px;
 }
 .playlist_btn,.RankList_btn,.ListDetail_btn{
    border: none;
    background-color: transparent;
 }
 .Sreach_btn{
    border: none;
    background-color: transparent;
    padding-left:5px;
 }
 .Sreach_btn span{
     color: blue;
 }
 .playlist_container{
    width:700px;
     overflow: hidden;
     margin-bottom: 20px;
 }
 .playlist h1{
     margin-top: 15px;
 }
 .ListDetails_li{
     width: 100%;
     padding: 15px;
 }
 ol{
     margin-top: 20px;
     
 }
  .Sreach_container{
    display: flex;
    justify-content: space-between; 
  }
  .Sreach_input{
      border-radius: 15px;
      border: yellow 1px solid;
  }
  .RankList_pic{
      width: 200px;
      height: 180px;
      border-radius: 5px;
      margin-top: 15px;
  }
  .RankList_pic_rec{
    width: 150px;
    border-radius:50%;
    padding: 0 40px; 
    
  }

.RankList_container1{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.RankList_container{
    display: flex;
    width: 100%;
    /* z-index:4; */
   
}
.RankList_tracks{
    margin-left: 50px;
}
.RankList_tracks li{
    margin-top: 20px;
}
.RankList_p{
    text-align: center;
    width: 100%;
    margin-left: 10px 0 10px 15px;

}
.RankList_h2{
    margin: 15px 0;
    /* z-index: -2; */
}
.RankList h1{
    margin-top: 30px
}
.player_header{
    display: flex;
    justify-content: space-between;
   
}
.player_container{
    background:url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574905452&di=8786e6fa06be3606f0780fddf05b5091&imgtype=jpg&er=1&src=http%3A%2F%2Fhbimg.b0.upaiyun.com%2F70a429d9d127f6734b86df3ad0fdceec9af0b8d72ac81-GOXnwT_fw658") no-repeat;
    height: 1332px;
    width: 100%;
    background-size: 100% 100%;
}
.player_icon{
    margin: 5px;
}
.player_title{
    color: white;
    margin-top:25px;
}
.player_pic{
    width: 400px;
    height: 400px;
    border-radius: 50%;
    margin-left: 180px;
    margin-top: 320px;
    margin-bottom: 227px;

}
.player_audio{
    margin-left:90px;
    margin-top:150px ;
    
}
.ListDetails_pic{
    height: 350px;
    width:  100%;
    

}
.ListDetails_backurl{
    background: url("https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2418029491,534100943&fm=26&gp=0.jpg") no-repeat;
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ListDetails_pic_container{
    width: 100%;
}
.ListDetails h3{
    margin-top: 20px;
}
.ChartSong_ol{
    width: 200px;
    margin-left: 25px;
}
.ChartSong_li{
    padding: 15px 15px;
}
.ChartSong_backUrl{
    background: url("https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1574316353884&di=31cee46fd720911537b4e939d50fc805&imgtype=0&src=http%3A%2F%2Fimg3.duitang.com%2Fuploads%2Fitem%2F201605%2F21%2F20160521021928_CWGcf.thumb.700_0.jpeg") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;

}
.ChartSong_container{
    display: flex;
    justify-content: space-between;
    /* position: fixed; */
    width: 95%;
    /* margin-top: 50px; */
}
.ChartSong_container h1{
    margin: 0;
}
.player_pic {
    animation: img 10s infinite linear;
    }
@keyframes img{
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg)}
}
.player_div
{
width: 100%;
position:relative;
animation:mymove 1s infinite;
-webkit-animation:mymove 15s infinite; /*Safari and Chrome*/
}

@keyframes mymove{
from {left:0;}
to {left:800px;}
}

@-webkit-keyframes mymove{
from {left:0px;}
to {left:480px;}
}